<script>
  import SceneView from "@/components/SceneView"
  var showSearch = ref(true);
</script>
<template>
  <div class="p-2">
    <transition>
      <div class="mb-[10px]"  >
        <el-card shadow="hover"> 
        </el-card>
      </div>
    </transition>
    <div class="view-content">
      <el-card class="user-card"></el-card>
      <el-card class="scene-card">
        <SceneView/>
      </el-card>
    </div> 
  </div>
</template>
<style scoped> 
.view-content{
 height: 100%;
 width: 100%;
 display: flex;
 flex-direction: row; 
 gap:20px;
}

.user-card{
  width: 300px;
  height: 100%;
  flex: 1;
}

.scene-card{
  flex: 4;
  width: 400px;
  height: 100%;
}
</style>